<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>忘记密码</title>
	<meta name="robots" content="all" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<link rel="stylesheet" href="../css/common/common.css">
	<link rel="stylesheet" type="text/css" href="../css/component/component.css">
	<link rel="stylesheet" href="../css/forget-pwd.css">
</head>
<body>
	<div class="wrapper" id="wrapper">
		<clinic-head></clinic-head>
		<div class="againPsdBox">
			<div class="flowBox">
				<ol class="ui-step" style="overflow: visible">
					<li>
						<div class="ui-step-line">-</div><!--成功后进度条的样式变化 ui-step-line-active-->
						<div class="ui-step-icon">
							<i class="iconfont iconfont-active">1</i>
							<span class="ui-step-text">手机验证</span>
						</div>
					</li>
					<li>
						<div class="ui-step-line">-</div>
						<div class="ui-step-icon">
							<i class="iconfont">2</i>
						    <span class="ui-step-text">设置新密码</span>
						</div>
					</li>
					<li class="ui-step-end">
						<div class="ui-step-line">-</div>
						<div class="ui-step-icon">
							<i class="iconfont">3</i>
							<span class="ui-step-text">设置完成</span>
						</div>
					</li>
				</ol>
			</div>
			<div class="fromBox">
				<div class="phoneTest">
					<div class="phoneTestTip">
						<p>手机号码未注册！</p>
						<a href="#">前去注册</a>
					</div>
					<p class="phoneNum">
						<span>手 机 号</span>
						<input type="text">
					</p>
					<p class="codeNum">
						<span>验 证 码</span>
						<input type="text">
						<i>获取验证码</i>
					</p>
					<button class="phoneNext">下一步</button>
					<a href="#" class="phoneBack">返回</a>
				</div>
				<div class="newPwd">
					<div class="newPwdTip">
						<p>手机号码未注册！</p>
					</div>
					<p class="newPwdNum">
						<span>设置新密码</span>
						<input type="password" id="newPsw">
						<i @click="pswExpress('newPsw','newPswExpress')" class="noExpress" id="newPswExpress"></i>
					</p>
					<button class="sureBtn">确认</button>
				</div>
				<div class="successBox">
					<div class="successTip">
						<p>账号绑定成功！</p>
					</div>
					<button class="successBtn">进入瑞慈诊所</button>
				</div>
			</div>
		</div>
		<!--标准底部-->
        <clinic-foot></clinic-foot>
		<!--右边导航栏-->
        <clinic-right></clinic-right>
	</div>
	<script type="text/javascript" src="../js/public/common.js"></script>
	<script type="text/javascript" src="../lib/vue.min.js"></script>
	<script type="text/javascript" src="../lib/vue-resource.min.js"></script>
	<script type="text/javascript" src="../js/component/component.js"></script>
	<script type="text/javascript" src="../js/forget-pwd.js"></script>
</body>
</html>